<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../css/index.css"/>
    <script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form>
    <table border="1" class="t1">
        <thead>
        <tr>
            <th>选择</th>
            <th>名称</th>
            <th>数量</th>
            <th>单位</th>
            <th>操作</th>
        </tr>
        </thead>

        <tbody id="mainTable">
        <tr>
            <td>
                <input type="checkbox" class="check"/>
            </td>
            <td>999感冒灵</td>
            <td>15</td>
            <td>盒</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="check"/>
            </td>
            <td>急支糖浆</td>
            <td>5</td>
            <td>瓶</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="check"/>
            </td>
            <td>青霉素</td>
            <td>150</td>
            <td>支</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="check"/>
            </td>
            <td>葵花胃康灵</td>
            <td>78</td>
            <td>盒</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="check"/>
            </td>
            <td>板蓝根</td>
            <td>89</td>
            <td>袋</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        <tr>
            <td>
                <input type="checkbox" class="check"/>
            </td>
            <td>头孢拉定胶囊</td>
            <td>55</td>
            <td>盒</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        </tbody>

        <tfoot>
        <tr>
            <td>
                <input type="checkbox" id="all"/>
                <label for="all">全选</label>
            </td>
            <td colspan="4">
                <button type="button" id="delBtn">删除</button>
            </td>
        </tr>
        </tfoot>


    </table>

    <table class="t2" border="1">
        <tr>
            <th colspan="2">新增产品</th>
        </tr>
        <tr>
            <td>名称</td>
            <td>
                <input type="text" id="goodsName"/>
            </td>
        </tr>
        <tr>
            <td>数量</td>
            <td>
                <input type="text" id="goodsNumber"/>
            </td>
        </tr>
        <tr>
            <td>单位</td>
            <td>
                <input type="text" id="goodsUnit"/>
            </td>
        </tr>
        <tr>
            <th colspan="2">
                <button type="button" id="addBtn">确定增加</button>
            </th>
        </tr>
    </table>
</form>




</body>


<script src="../js/index.js"></script>
</html>